
<template>
  <div>
    <span class="list-item" v-for="list in item" :key="list.id">{{list.name}}</span>
  </div>
</template>

<script>
  export default {
    props: {
      item: {
        type: Array,
        default: []
      }
    }
  }
</script>

<style lang="scss" scoped>
  .list-item {
    margin: 3px 5px;
    background: $--color-primary;
    color: #fff;
    padding: 1px 2px;
    border-radius: 2px;
    display: inline-block;
  }
</style>
